<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Huoli Codegen</title>
    <!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
    <!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">-->
    <!--&lt;!&ndash;[if lt IE 9]>-->
    <!--<script src="//cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js" type="text/javascript"></script>-->
    <!--<script src="//cdn.bootcss.com/respond.js/1.3.0/respond.min.js" type="text/javascript"></script>-->
    <!--<![endif]&ndash;&gt;-->
    <!--<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>-->
    <!--<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>-->
    <!--<script src="//cdn.bootcss.com/vue/2.1.10/vue.min.js" type="text/javascript"></script>-->
    <style>
        .container.footer {
            margin-top: 50px;
            position: relative!important;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column" id="codegenForm">
            <div class="jumbotron">
                <h1>
                    欢迎使用，活力代码生成工具
                </h1>

                <p>
                    代码生成工具用于生成简单的增删改查功能，可以基于生成的代码做二次开发。有效减少基础代码的编写，提高开发效率。
                </p>

                <p>
                    当前项目路径：<span v-model="genConfig.projectPath"></span>
                </p>

                <!--<p>-->
                <!--<a class="btn btn-primary btn-large" href="#">Learn more</a>-->
                <!--</p>-->
            </div>
            <form role="form">
                <div class="form-group">
                    <label for="projectPath">项目路径</label>
                    <input type="text" class="form-control" name="projectPath" id="projectPath" v-model="genConfig.projectPath"/>

                    <p class="help-block">
                        项目路径(默认生成文件放在此路径中)
                    </p>
                </div>
                <div class="form-group">
                    <label for="projectName">工程名</label>
                    <input type="text" class="form-control" name="project" id="projectName" v-model="genConfig.project"/>

                    <p class="help-block">
                        工程名，可不填写(相对于项目路径)
                    </p>
                </div>
                <div class="form-group">
                    <label for="packageName">包名</label>
                    <input type="text" class="form-control" name="packageName" id="packageName"
                           v-model="genConfig.packageName"/>

                    <p class="help-block">
                        包名，生成的包名，生成代码将会存储在当前包中
                    </p>
                </div>
                <div class="form-group">
                    <label for="moduleName">模块名</label>
                    <input type="text" class="form-control" name="moduleName" id="moduleName"
                           v-model="genConfig.moduleName"/>

                    <p class="help-block">
                        模块名，生成的模块名，主要用于controller根路径，以及生成的mapper模块路径
                    </p>
                </div>
                <div class="form-group">
                    <label for="tableName">表名</label>
                    <input type="text" class="form-control" name="tableName" id="tableName"
                           v-model="genConfig.tableName"/>

                    <p class="help-block">
                        表名，数据库实体表
                    </p>
                </div>
                <div class="form-group">
                    <label for="entityClassName">实体类名</label>
                    <input type="text" class="form-control" name="entityClassName" id="entityClassName"
                           v-model="genConfig.entityClassName"/>

                    <p class="help-block">
                        实体类名，生成的类名
                    </p>
                </div>

                <div class="form-group">
                    <label for="dataSourceLookupKey">数据源</label>
                    <input type="text" class="form-control" name="dataSourceLookupKey" id="dataSourceLookupKey"
                           v-model="genConfig.dataSourceLookupKey"/>

                    <p class="help-block">
                        数据源，可不填写(若填写需与开发组确认)
                    </p>
                </div>

                <div class="form-group">
                    <label for="dataSource">数据库</label>
                    <input type="text" class="form-control" name="dataSource" id="dataSource"
                           v-model="genConfig.dataSource"/>

                    <p class="help-block">
                        数据库，可不填写(主要用于多数据源情况下，指定某个数据库,具体要与开发组确认)
                    </p>
                </div>

                <div class="checkbox">
                    <label><input type="checkbox" name="overwriteEnabled"
                                  v-model="genConfig.overwriteEnabled"/>是否替换旧文件</label>
                </div>
                <button id="submit" type="button" class="btn btn-default" @click="gen">提交生成代码</button>
            </form>
        </div>
    </div>
</div>
<div class="container footer">
    <div class="row clearfix">
        <dl>
            <dt>
                开发者
            </dt>
            <dd>
                负责人：章友文
            </dd>
            <dt>
                联系方式
            </dt>
            <dd>
                QQ：2640408049
            </dd>
            <dd>
                email：zhangyw@133.cn
            </dd>
        </dl>
    </div>
</div>
<script>
    $(function () {
        var formVm = new Vue({
            el: '#codegenForm',
            data: {
                genConfig: {}
            },
            methods: {
                gen: function () {
                    http.post('/admin/codegen',this.genConfig).then(function (res) {
                        if (res.code == 1) {
                            alert('生成成功')
                        } else {
                            alert(res.msg)
                        }
                    });
                }
            }
        });
    });
</script>
</body>
</html>